.skip, .hide { display: none; }

.left    { text-align: left;    }
.center  { text-align: center;  }
.right   { text-align: right;   }
.justify { text-align: justify; }

img.left   { float: left;  text-align: inherit; margin: 0 1em 1em 0; }
img.right  { float: right; text-align: inherit; margin: 0 0 1em 1em; }
/*img.center { text-align: center; display: block; margin: 1em auto; }*/
img.border { border: 1px solid; }

img.smile { vertical-align: sub; }

.danger { color: red; }


/** ajax */
.loading { padding-left: 20px; background: url(/img/ajax/loading-03.gif) no-repeat 0 50%; }
.waiting { padding-left: 20px; background: url(/img/ajax/loading-02.gif) no-repeat 0 50%; }

/** floats */
.float-left  { float:left;  margin: 1.5em 1em 1.5em 0; }
.float-right { float:right; margin: 1.5em 0 1.5em 1em; }
.clear { clear: both; display:block; }


/** RSS buttons and icons */
.syndicate { background: url(/img/icons/rss-12.png) no-repeat; }
.syndicate span { display: none; }
h1 .syndicate, h2 .syndicate {
	display: -moz-inline-box; display: inline-block; width: 12px; height: 12px;
	vertical-align: top; background: url(/img/icons/rss-12.png) no-repeat;
}
ul.syndicate  { background: transparent; list-style: none; padding-left: 0; }
ul.syndicate li { background: url(/img/icons/rss-12.png) no-repeat 0 0; padding-left: 15px; }

/** comments */
dl.comments dt { font-weight: bold; margin-top: 1.5em; font-size: 1.2em; }
dl.comments dt span { color: #888; }
dl.comments dd { margin-left: 1em; }
dl.comments p.infos { color: #888; clear: both; margin-bottom: 3em; }
/*dl.comments dd textarea { width: 100%; }*/


/** publication icons */
a.public, a.private, span.future { float: left; width: 16px; height: 16px; margin-right: 2px; overflow: hidden; cursor: pointer; }
a.public span, a.private span, span.future span { display: none; }

a.public  { background: url(/img/icons/state-public.png)  no-repeat 0 0; }
a.private { background: url(/img/icons/state-private.png) no-repeat 0 -16px; }
span.future  { background: url(/img/icons/state-future.png)  no-repeat 0 0; }

a.public:hover  { background-position: 0 -16px; }
a.private:hover { background-position: 0 0; }


/** icons */
img.icon { border: 1px solid #222; }
.icons p.icon {
	float: left; width: 150px; height: 180px; text-align: center;
	margin: 0 .2em .2em 0; overflow: hidden;
}
.icons p.icon span { display: block; }
.icons a:link, .icons a:visited { border: 0; color: #555; }
.icons a:hover { border: 0; color: #222; }


/** Database queries (debug) */
.DBDebug { font: .9em/1.5 monospace; color: #333; margin: 2em 1em; clear: both; }
.DBDebug th { font-weight: bold; text-align: center; background: #EEE; }
.DBDebug th, .DBDebug td { padding: .2em .4em; border: 1px solid #DDD; }
